<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
	<script src="../js/vue.min.js" type="text/javascript" charset="utf-8"></script>
	</head>
	<body>
		
		<div id="app">
			<p>文字</p>
		</div>
		
	
		
		<script type="text/javascript">
			var login={
				template:'<h1>这是组件<h1/>'
			}
			new Vue({
				el:"#app",
				data:{},
				//render会把原来el元素中内容替换
				render:function(createElements){
					return createElements(login)
				}
			});
		</script>
	</body>
</html>
